<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情</title>
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/special font.css">
    <link rel="stylesheet" href="css/footer.css">
    <script src="js/xialacaidan.js"></script>
    <link rel="stylesheet" href="css/gouwuche.css">
</head>
<body>

    <!-- 头部 -->
    <div class="header_nav">
        <div class="header_nav_center">
            <div class="header_nav_left">
                <ul>
                    <li><a href="shouye.html">首页</a></li>
                    <li><a href="javascript:;">华为官网</a></li>
                    <li><a href="javascript:;">V码(优购码)</a></li>
                    <li><a href="javascript:;">企业购</a></li>
                    <li><a href="javascript:;">Select Region</a></li>
                    <li class="gengduojingcai"><a href="javascript:;" class="a_special">更多精彩<span class="header_nav_span"></span></a>
                        <!-- 更多精彩下拉菜单 -->
                        <div class="gengduojingcai_xialacaidan">
                            <ul>
                                <li><a href="javascript:;">HarmonyOS</a></li>
                                <li><a href="javascript:;">应用市场</a></li>
                                <li><a href="javascript:;">华为终端云空间</a></li>
                                <li><a href="javascript:;">开发者联盟</a></li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="header_nav_right">
                <ul>
                    <li><a href="css/denglu.html">请登录</a></li>
                    <li><a href="zhucecom.html">注册</a></li>
                    <li><a href="javascript:;">我的订单</a></li>
                    <li class="kefu"><a href="javascript:;" class="a_special">客服<span class="header_nav_span"></span></a>
                        <!-- 客服下拉菜单 -->
                        <div class="kefu_xialacaidan">
                            <ul>
                                <li><a href="javascript:;">服务中心</a></li>
                                <li><a href="javascript:;">联系客服</a></li>
                            </ul>
                        </div><link rel="stylesheet" href="css/special font.css">
                    </li>
                    <li class="wangzhan"><a href="javascript:;" class="a_special">网站导航<span class="header_nav_span"></span></a>
                        <!-- 网站导航下拉菜单 -->
                        <div class="wangzhan_xialacaidan">
                            <ul>
                                <li class="lis_one lis_huidaozhuye">
                                    <a href="shouye.html">
                                    <div class="huidaoshouye">
                                        
                                    </div>
                                    <span>
                                        商城首页
                                    </span>
                                    </a>
                                </li>
                                <li class="lis_one">
                                    <ul>
                                        <li class="lis_title">频道</li>
                                        <li><a href="javascript:;">华为专区</a></li>
                                        <li><a href="javascript:;">教育优惠</a></li>
                                        <li><a href="javascript:;">企业购</a></li>
                                        <li><a href="javascript:;">HarmonyOS</a></li>
                                    </ul>
                                </li>
                                <li class="lis_one">
                                    <ul>
                                        <li class="lis_title">产品</li>
                                        <li><a href="javascript:;">手机</a></li>
                                        <li><a href="javascript:;">平板</a></li>
                                        <li><a href="javascript:;">智能家居</a></li>
                                        <li><a href="javascript:;">耳机音箱</a></li>
                                        <li><a href="javascript:;">生态产品</a></li>
                                        <li><a href="javascript:;">笔记本</a></li>
                                        <li><a href="javascript:;">智能穿戴</a></li>
                                        <li><a href="javascript:;">智慧屏</a></li>
                                        <li><a href="javascript:;">热销配件</a></li>
                                        <li><a href="javascript:;">增值服务</a></li>
                                    </ul>
                                </li>
                                <li class="lis_one">
                                    <ul>
                                        <li class="lis_title">增值服务</li>
                                        <li><a href="javascript:;">以旧换新</a></li>
                                        <li><a href="javascript:;">一口价换电池</a></li>
                                        <li><a href="javascript:;">穿戴延保</a></li>
                                        <li><a href="javascript:;">活动公告</a></li>
                                        <li><a href="javascript:;">补够保障</a></li>
                                        <li><a href="javascript:;">音频延保</a></li>
                                        <li><a href="javascript:;">智慧屏全质保</a></li>
                                    </ul>
                                </li>
                                <li class="lis_one">
                                    <ul>
                                        <li class="lis_title">会员</li>
                                        <li><a href="javascript:;">会员通道</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="shoujiban">
                        <a href="javascript:;">手机版<span class="header_nav_span"></span>
                            <!-- 手机版下拉菜单 -->
                            <div class="shoujiban_xialacaidan">
                                <ul>
                                    <li>
                                        <a href="javascript:;">
                                            <div class="shoujiban_xialacaidan_img">
                                                <img src="img/20221123112757.png" alt="">
                                            </div>
                                            <div class="shoujiban_xialacaidan_right">
                                                <div class="shoujiban_xialacaidan_right_message">
                                                    <h3>华为商城APP</h3>
                                                    <p class="shoujiban_xialacaidan_right_message_p">新人专享好礼最高5000积分</p>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <div class="shoujiban_xialacaidan_img">
                                                <img src="img/20221123112845.png" alt="">
                                            </div>
                                            <div class="shoujiban_xialacaidan_right">
                                                <div class="shoujiban_xialacaidan_right_message">
                                                    <h3>华为商城公众号</h3>
                                                    <p>微信扫一扫</p>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <div class="shoujiban_xialacaidan_img">
                                                <img src="img/20221123112901.png" alt="">
                                            </div>
                                            <div class="shoujiban_xialacaidan_right">
                                                <div class="shoujiban_xialacaidan_right_message">
                                                    <h3>微信小程序</h3>
                                                    <p>微信扫一扫</p>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </a>  
                    </li>
                    <li class="gouwuche"><a href="javascript:;"><span class="header_nav_span"></span>购物车</a>
                    
                    </li>
                </ul>
            </div>
        </div>
        
    </div>


    <div class="header_logo_input">
        <div class="header_logo_input_center">
            <div class="header_logo">
                <a href="javascript:;">
                    <img src="img/logo_app.png" alt="">
                </a>
            </div>
            <div class="header_logo_input_mid">
                <ul>
                    <li><a href="javascript:;">华为专区</a></li>
                    <li><a href="javascript:;">鸿蒙智联</a></li>
                    <li><a href="javascript:;">莫塞尔</a></li>
                    <li><a href="javascript:;">华为智选</a></li>
                    <li><a href="javascript:;">HarmonyOS</a></li>
                    <li><a href="javascript:;">特惠企采</a></li>
                    <li><a href="javascript:;">教育购</a></li>
                </ul>
            </div>
            <div class="header_input">
                <a href="javascript:;"></a>
            </div>
        </div>
        
    </div>

    <!-- 购物车中部 -->
    <div class="gouwuche_one">
        <div class="gouwuche_center">
            <div class="gouwuche_denglu">
               
                    <img src="img/20221202112400.png" alt="">
                
                <p>您还没有登录！登录后可查看之前加入的商品</p>
                <div class="btn_denglu">
                    <a href="denglu.html">登录</a>
                </div>
            </div>
            <div class="gouwuche_message">
                <div class="gouwuche_message_img">
                    <img src="img/20221202112425.png" alt="">
                </div>
                
                <p>您的购物车里什么也没有哦~</p>
                <div class="btn_quguangguang">
                    <a href="shouye.html">去逛逛</a>
                </div>
            </div>
        </div>
    </div>


    <!-- 底部 -->
    <footer>
        <div class="footer_center">
            <div class="footer_center_one">
                <ul>
                    <li>
                        <a href="javascript:;">
                            <div class="img">
                                <img src="img/35029C2650265248A5C45BC46E0D7578.webp" alt="">
                            </div>
                            <div class="function">
                                百强企业 品质保证
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="img">
                                <img src="img/848285C26D6B91405D84D71CC8D738F2.webp" alt="">
                            </div>
                            <div class="function">
                                7天退货 15天换货
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="img">
                                <img src="img/09CE412E94E10830D00A2487756EBEE4.webp" alt="">
                            </div>
                            <div class="function">
                                48元起免运费
                            </div>
                        </a>
                </li>
                    <li>
                        <a href="javascript:;">
                            <div class="img">
                                <img src="img/EABCAA990C477793FB6F09658BF80B82.webp" alt="">
                            </div>
                            <div class="function">
                                2000家服务店 全国联保
                            </div>
                        </a>
                </li>
                </ul>
            </div>


            <div class="footer_center_two">
                <div class="footer_center_two_left">
                    <ul>
                        <li class="li_zong">
                            <ul>
                                <li class="li_special">购物指南</li>
                                <li class="lis"><a href="javascript">免息分期</a></li>
                                <li class="lis"><a href="javascript">以旧换新</a></li>
                                <li class="lis"><a href="javascript">众测活动</a></li>
                                <li class="lis"><a href="javascript">企业购</a></li>
                                <li class="lis"><a href="javascript">O2O采购</a></li>
                            </ul>
                        </li>
                        <li class="li_zong">
                            <ul>
                                <li class="li_special">售后服务</li>
                                <li class="lis"><a href="javascript:;">门店维修</a></li>
                                <li class="lis"><a href="javascript:;">保修政策</a></li>
                                <li class="lis"><a href="javascript:;">防伪查询</a></li>
                                <li class="lis"><a href="javascript:;">退换货政策</a></li>
                                <li class="lis"><a href="javascript:;">手机寄修服务</a></li>
                                <li class="lis"><a href="javascript:;">维修备件价格查询</a></li>
                            </ul>
                        </li>
                        <li class="li_zong">
                            <ul>
                                <li class="li_special">维修与技术支持</li>
                                <li class="lis"><a href="javascript">服务店</a></li>
                                <li class="lis"><a href="javascript">预约维修</a></li>
                                <li class="lis"><a href="javascript">手机寄修</a></li>
                                <li class="lis"><a href="javascript">配件价格查询</a></li>
                                <li class="lis"><a href="javascript">上门服务</a></li>
                            </ul>
                        </li>
                        <li class="li_zong">
                            <ul>
                                <li class="li_special">特色服务</li>
                                <li class="lis"><a href="javascript">防伪查询</a></li>
                                <li class="lis"><a href="javascript">补够保障</a></li>
                                <li class="lis"><a href="javascript">以旧换新</a></li>
                                <li class="lis"><a href="javascript">礼品包装</a></li>
                            </ul>
                            
                        </li>
                        <li class="li_zong">
                            <ul>
                                <li class="li_special">关于我们</li>
                                <li class="lis"><a href="javascript">公司介绍</a></li>
                                <li class="lis"><a href="javascript">华为零售店</a></li>
                                <li class="lis"><a href="javascript">商家中心</a></li>
                                <li class="lis"><a href="javascript">意见反馈</a></li>
                            </ul>
                            
                        </li>
                        <li class="li_zong">
                            <ul>
                                <li class="li_special">友情链接</li>
                                <li class="lis"><a href="javascript">华为集团</a></li>
                                <li class="lis"><a href="javascript">华为消费服务者业务</a></li>
                                <li class="lis"><a href="javascript">华为云</a></li>
                                <li class="lis"><a href="javascript">华为应用市场</a></li>
                                <li class="lis"><a href="javascript">华为心声社区</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="footer_center_two_right">
                    <h3>950805</h3>
                    <p>7×24小时客服热线(仅收市话费)</p>
                    <div class="zaixiankefu">
                        <a href="javascript:;">
                            <span></span>
                            <p class="zaixiankefu_p">在线客服</p>
                        </a>
                    </div>
                    <div class="guzhu">
                        <div class="guanzhu_vmall">关注VMALL:</div>
                        <ul>
                            <li><a href="javascript:;"></a></li>
                            <li><a href="javascript:;"></a></li>
                            <li><a href="javascript:;"></a></li>
                            <li><a href="javascript:;"></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</body>
</html>